﻿@{
    ViewBag.Title = "个人首页";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<script src="~/Content/layer-v3.1.1/layer/layer.js"></script>
@section Scripts{
    <script>
        //全局变量
        var UserID = '@ViewBag.UserID';//用户编码
        var editPerInfoLayerIndex;//记录修改信息弹层index

        $(function () {
            //个人信息获取绑定
            @*$.ajax({
                url: '@Url.Content("~/UserInfo/GetUserInfo")',
                data: {
                    code: UserID
                },
                type: "POST",
                success: function (data) {
                    //console.log(data);
                    if (!data) {
                        return;
                    }
                    $("#wel_userName").html(data.XingMing);
                    $("#userRole").html(data.JiaoSe);
                    $("#userDep").html(data.DanWei);
                    $("#userLoginName").html(data.YongHuMing);
                    $("#userName").html(data.XingMing);
                    $("#userSex").html(data.XingBie);
                }

            });*@

            //快捷方式：修改信息
            @*$("#btn_perInfoEdit").on("click", function () {
                editPerInfoLayerIndex = layer.open({
                    type: 2,
                    title: "个人信息修改",
                    content: '@Url.Content("~/UserInfo/PersonInfoEdit")?UserID=' + UserID,
                    area: ['550px', '400px']
                });
            });*@

        });

        //function:关闭layer弹层页并重新查询
        function closePerInfoEditLayer() {
            layer.close(editPerInfoLayerIndex);//关闭修改弹层页
            location.reload();//页面刷新
        }
    </script>
}
<div class="Page_Main">
    <div class="wel_msg" style="margin-bottom: 20px;"> Hi，<span id="wel_userName">&nbsp;</span>，欢迎登陆上海市医疗急救中心院前急救平台。 </div>
    <div class="per_Info">
        <div class="div_Panel per_Info_Panel">
            <div class="panel_title">我的基本信息</div>
            <div class="panel_main">
                <p> 您的当前角色为：<span style="padding-right: 20px; color: #FF5722;" id="userRole">&nbsp;</span></p>
                <p> 您的所属中心：<span style="padding-right: 20px; color: #FF5722;" id="userDep">&nbsp;</span> </p>
                <p> 您的登录用户名：<span style="color: #FF7200; padding-right: 20px;" id="userLoginName">&nbsp;</span></p>
                <p> 您的姓名：<span style="color: #FF7200; padding-right: 20px;" id="userName">&nbsp;</span></p>
                <p> 您的性别：<span style="color: #FF7200; padding-right: 20px;" id="userSex">&nbsp;</span></p>
            </div>
        </div>
    </div>
    <div class="lnk_Info">
        <div class="div_Panel lnk_Info_Panel">
            <div class="panel_title">快捷方式</div>
            <div class="panel_main lnk_panel_main">
                <ul class="shortcut_List ui-row">
                    <li class="shortcut" id="btn_perInfoEdit">
                        <div class="bg_img">
                            <img src="~/Images/MyIcon/web.png" alt="sz" />
                        </div>
                        业务管理
                    </li>
                    <li class="shortcut">
                        <div class="bg_img">
                            <img src="~/Images/MyIcon/medical.png" alt="sz" />
                        </div>
                        电子病历
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<style>
    body {
        background-color: #fff;
        text-align: left !important;
        line-height: 24px;
        font: 14px Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;
    }

    blockquote, body, button, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td, textarea, th, ul {
        margin: 0;
        padding: 0;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
    }

    .Page_Main {
        padding: 20px;
        box-sizing: border-box;
    }

    .wel_msg {
        background-color: #F8F8F8;
        /*background-color: #e9f2f9;*/
        color: #666;
        padding: 10px 15px;
        line-height: 24px;
    }

    .div_Panel {
        border: 1px solid #e6e6e6;
        box-shadow: none;
        margin-bottom: 15px;
        border-radius: 2px;
        background-color: #fff;
    }

    .panel_title {
        position: relative;
        height: 50px;
        line-height: 50px;
        padding: 0 15px;
        border-bottom: 1px dotted #e6e6e6;
        color: #333;
        border-radius: 2px 2px 0 0;
        font-size: 14px;
        /*禁止选中文字*/
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .panel_main {
        padding: 18px 15px;
        /*height: 50px;*/
        line-height: 26px;
        font-size: 14px;
        color: #666;
    }

    .lnk_panel_main {
        padding: 10px 15px;
    }

    .shortcut_List {
        margin: 5px 0;
    }

    .ui-row:after, .ui-row:before {
        content: '';
        display: block;
        clear: both;
    }

    li {
        list-style: none;
    }

    .shortcut_List li {
        text-align: center;
        padding: 5px;
        float: left;
        position: relative;
        display: block;
        box-sizing: border-box;
        width: 200px;
        cursor: pointer;
        /*禁止选中文字*/
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        .shortcut_List li:hover .bg_img {
            opacity: 0.8;
        }

    .bg_img {
        background-color: #2F9688;
        display: inline-block;
        width: 100%;
        height: 60px;
        line-height: 60px;
        text-align: center;
        color: #fff;
        border-radius: 2px;
        font-size: 30px;
        transition: all .3s;
        -webkit-transition: all .3s;
    }

        .bg_img img {
            text-align: center;
            vertical-align: middle;
            width: 32px;
            height: 32px;
        }
</style>


